<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>注册页面</title>
    <!-- 公共样式 -->
    <link rel="stylesheet" href="./css/common.css" />
    <!-- 页面样式 -->
    <link rel="stylesheet" href="./css/register.css" />
</head>

<!-- 注册页面 -->
<body>
    <header>
        <div class="banxin clearfix">
            <div class="fl">
                <a href="./index.html">
                    <img src="./images/logo-white.png" alt="" />
                </a>
            </div>
            <div class="fr">
                已有源码账号，
                <a href="./login.html">立即登录</a>
            </div>
        </div>
    </header>
    <main>
        <div class="banxin register">
            <form action="#" class="con">
                <h1>欢迎注册</h1>
                <h2>百款接口免费试用</h2>
                <p>注册即送300元大礼包</p>
                <div style="position: relative">
                    <input type="text" placeholder="用户名（6-20位字母数字）" id="userName" />
                    <p>
                        <span class="icon"></span>
                        <span class="texts">昵称需在6-12位字母数字间</span>
                    </p>
                </div>
                <div style="position: relative">
                    <input type="tel" placeholder="请输入手机号码" id="tel" />
                    <p>
                        <span class="icon"></span>
                        <span class="texts">请输入正确的手机号</span>
                    </p>
                </div>
                <div style="position: relative">
                    <input type="text" placeholder="请输入手机短信验证码" id="code" />
                    <input type="button" value="获取验证码" id="yzm" />
                    <p>
                        <span class="icon"></span>
                        <span class="texts">请输入4位手机验证码</span>
                    </p>
                </div>
                <div style="position: relative">
                    <input type="password" placeholder="请输入6至12位的密码" id="paw" />
                    <p>
                        <span class="icon"></span>
                        <span class="texts">请输入6至12位的密码</span>
                    </p>
                </div>
                <p>
                    <label>
                        <input type="checkbox" style="width: 12px; display: inline-block" />

                        <span>我已阅读并接受
                            <a href="#" target="_blank">《源码用户服务协议》</a>
                            <a href="#" target="_blank">《源码隐私政策》</a>
                        </span>
                    </label>
                </p>
                <input type="button" name="" id="submit" value="立即注册" disabled />
            </form>
        </div>
    </main>
    <script src="./js/register.js"></script>
</body>

</html>